<template>
  <div>
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="284.41259765625"
      height="114"
      viewBox="0 0 284.41259765625 114"
      fill="none"
    >
      <path
        d="M68.4126 0L274.413 0L284.413 14.9999L68.4126 14.9999L68.4126 0L68.4126 0Z"
        :fill="color"
      ></path>
      <path
        :fill="color"
        fill-opacity="0.1"
        d="M68.4126 100.44L78.4126 114L284.413 114L284.413 14.9999L68.4126 14.9999L68.4126 100.44"
      ></path>
      <path
        fill-rule="evenodd"
        :fill="color"
        d="M68.4126 100.44L78.4126 114L284.413 114L284.413 14.9999L68.4126 14.9999L68.4126 100.44ZM69.4126 15.9999L69.4126 100.111L78.9176 113L283.413 113L283.413 15.9999L69.4126 15.9999Z"
      ></path>
      <g opacity="0.6">
        <path
          fill-rule="evenodd"
          :fill="color"
          d="M74.4126 29.6352L74.4126 25.8176L75.4126 25.8176L75.4126 29.6352L74.4126 29.6352ZM74.4126 35.3617L74.4126 31.544L75.4126 31.544L75.4126 35.3617L74.4126 35.3617ZM74.4126 41.0881L74.4126 37.2705L75.4126 37.2705L75.4126 41.0881L74.4126 41.0881ZM74.4126 46.8145L74.4126 42.9969L75.4126 42.9969L75.4126 46.8145L74.4126 46.8145ZM74.4126 52.541L74.4126 48.7233L75.4126 48.7233L75.4126 52.541L74.4126 52.541ZM74.4126 58.2674L74.4126 54.4498L75.4126 54.4498L75.4126 58.2674L74.4126 58.2674ZM74.4126 63.9938L74.4126 60.1762L75.4126 60.1762L75.4126 63.9938L74.4126 63.9938ZM74.4126 69.7202L74.4126 65.9026L75.4126 65.9026L75.4126 69.7202L74.4126 69.7202ZM74.4126 75.4467L74.4126 71.6291L75.4126 71.6291L75.4126 75.4467L74.4126 75.4467ZM74.4126 81.1731L74.4126 77.3555L75.4126 77.3555L75.4126 81.1731L74.4126 81.1731ZM74.4126 86.8995L74.4126 83.0819L75.4126 83.0819L75.4126 86.8995L74.4126 86.8995ZM74.4126 92.626L74.4126 88.8083L75.4126 88.8083L75.4126 92.626L74.4126 92.626ZM77.9691 101.135L76.1917 98.7884L76.9874 98.1855L78.7651 100.531L77.9691 101.135ZM80.6352 104.654L78.8578 102.308L79.654 101.704L81.4318 104.05L80.6352 104.654ZM90.2914 107L86.352 107L86.352 106L90.2914 106L90.2914 107ZM96.2005 107L92.2611 107L92.2611 106L96.2005 106L96.2005 107ZM102.11 107L98.1702 107L98.1702 106L102.11 106L102.11 107ZM108.019 107L104.079 107L104.079 106L108.019 106L108.019 107ZM113.928 107L109.988 107L109.988 106L113.928 106L113.928 107ZM119.837 107L115.897 107L115.897 106L119.837 106L119.837 107ZM125.746 107L121.807 107L121.807 106L125.746 106L125.746 107ZM131.655 107L127.716 107L127.716 106L131.655 106L131.655 107ZM137.564 107L133.625 107L133.625 106L137.564 106L137.564 107ZM143.473 107L139.534 107L139.534 106L143.473 106L143.473 107ZM149.382 107L145.443 107L145.443 106L149.382 106L149.382 107ZM155.291 107L151.352 107L151.352 106L155.291 106L155.291 107ZM161.2 107L157.261 107L157.261 106L161.2 106L161.2 107ZM167.11 107L163.17 107L163.17 106L167.11 106L167.11 107ZM173.019 107L169.079 107L169.079 106L173.019 106L173.019 107ZM178.928 107L174.988 107L174.988 106L178.928 106L178.928 107ZM184.837 107L180.897 107L180.897 106L184.837 106L184.837 107ZM190.746 107L186.806 107L186.806 106L190.746 106L190.746 107ZM196.655 107L192.716 107L192.716 106L196.655 106L196.655 107ZM202.564 107L198.625 107L198.625 106L202.564 106L202.564 107ZM208.473 107L204.534 107L204.534 106L208.473 106L208.473 107ZM214.382 107L210.443 107L210.443 106L214.382 106L214.382 107ZM220.291 107L216.352 107L216.352 106L220.291 106L220.291 107ZM226.2 107L222.261 107L222.261 106L226.2 106L226.2 107ZM232.109 107L228.17 107L228.17 106L232.109 106L232.109 107ZM238.019 107L234.079 107L234.079 106L238.019 106L238.019 107ZM243.928 107L239.988 107L239.988 106L243.928 106L243.928 107ZM249.837 107L245.897 107L245.897 106L249.837 106L249.837 107ZM255.746 107L251.806 107L251.806 106L255.746 106L255.746 107ZM261.655 107L257.716 107L257.716 106L261.655 106L261.655 107ZM267.564 107L263.625 107L263.625 106L267.564 106L267.564 107ZM273.473 107L269.534 107L269.534 106L273.473 106L273.473 107ZM277.413 99.4444L277.413 103.222L276.413 103.222L276.413 99.4444L277.413 99.4444ZM277.413 93.7778L277.413 97.5556L276.413 97.5556L276.413 93.7778L277.413 93.7778ZM277.413 88.1111L277.413 91.8889L276.413 91.8889L276.413 88.1111L277.413 88.1111ZM277.413 82.4445L277.413 86.2222L276.413 86.2222L276.413 82.4445L277.413 82.4445ZM277.413 76.7778L277.413 80.5556L276.413 80.5556L276.413 76.7778L277.413 76.7778ZM277.413 71.1111L277.413 74.8889L276.413 74.8889L276.413 71.1111L277.413 71.1111ZM277.413 65.4445L277.413 69.2222L276.413 69.2222L276.413 65.4445L277.413 65.4445ZM277.413 59.7778L277.413 63.5556L276.413 63.5556L276.413 59.7778L277.413 59.7778ZM277.413 54.1111L277.413 57.8889L276.413 57.8889L276.413 54.1111L277.413 54.1111ZM277.413 48.4444L277.413 52.2222L276.413 52.2222L276.413 48.4444L277.413 48.4444ZM277.413 42.7778L277.413 46.5556L276.413 46.5556L276.413 42.7778L277.413 42.7778ZM277.413 37.1111L277.413 40.8889L276.413 40.8889L276.413 37.1111L277.413 37.1111ZM277.413 31.4444L277.413 35.2222L276.413 35.2222L276.413 31.4444L277.413 31.4444ZM277.413 25.7778L277.413 29.5556L276.413 29.5556L276.413 25.7778L277.413 25.7778ZM269.452 22L273.432 22L273.432 23L269.452 23L269.452 22ZM263.481 22L267.462 22L267.462 23L263.481 23L263.481 22ZM257.511 22L261.491 22L261.491 23L257.511 23L257.511 22ZM251.54 22L255.52 22L255.52 23L251.54 23L251.54 22ZM245.569 22L249.55 22L249.55 23L245.569 23L245.569 22ZM239.599 22L243.579 22L243.579 23L239.599 23L239.599 22ZM233.628 22L237.609 22L237.609 23L233.628 23L233.628 22ZM227.658 22L231.638 22L231.638 23L227.658 23L227.658 22ZM221.687 22L225.667 22L225.667 23L221.687 23L221.687 22ZM215.717 22L219.697 22L219.697 23L215.717 23L215.717 22ZM209.746 22L213.726 22L213.726 23L209.746 23L209.746 22ZM203.775 22L207.756 22L207.756 23L203.775 23L203.775 22ZM197.805 22L201.785 22L201.785 23L197.805 23L197.805 22ZM191.834 22L195.815 22L195.815 23L191.834 23L191.834 22ZM185.864 22L189.844 22L189.844 23L185.864 23L185.864 22ZM179.893 22L183.873 22L183.873 23L179.893 23L179.893 22ZM173.922 22L177.903 22L177.903 23L173.922 23L173.922 22ZM167.952 22L171.932 22L171.932 23L167.952 23L167.952 22ZM161.981 22L165.962 22L165.962 23L161.981 23L161.981 22ZM156.011 22L159.991 22L159.991 23L156.011 23L156.011 22ZM150.04 22L154.02 22L154.02 23L150.04 23L150.04 22ZM144.069 22L148.05 22L148.05 23L144.069 23L144.069 22ZM138.099 22L142.079 22L142.079 23L138.099 23L138.099 22ZM132.128 22L136.109 22L136.109 23L132.128 23L132.128 22ZM126.158 22L130.138 22L130.138 23L126.158 23L126.158 22ZM120.187 22L124.167 22L124.167 23L120.187 23L120.187 22ZM114.217 22L118.197 22L118.197 23L114.217 23L114.217 22ZM108.246 22L112.226 22L112.226 23L108.246 23L108.246 22ZM102.275 22L106.256 22L106.256 23L102.275 23L102.275 22ZM96.3048 22L100.285 22L100.285 23L96.3048 23L96.3048 22ZM90.3342 22L94.3146 22L94.3146 23L90.3342 23L90.3342 22ZM84.3636 22L88.344 22L88.344 23L84.3636 23L84.3636 22ZM78.393 22L82.3734 22L82.3734 23L78.393 23L78.393 22ZM76.4028 22L74.4126 22L74.4126 23.9088L75.4126 23.9088L75.4126 23L76.4028 23L76.4028 22ZM275.422 22L277.413 22L277.413 23.8889L276.413 23.8889L276.413 23L275.422 23L275.422 22ZM84.3823 107L82.4126 107L81.5239 105.827L82.3207 105.223L82.9095 106L84.3823 106L84.3823 107ZM75.303 97.6154L74.4153 96.4436L74.4143 96.4423L74.4126 96.44L74.4126 94.5348L75.4126 94.5348L75.4126 96.1075L76.0985 97.0125L75.303 97.6154ZM277.413 105.111L276.413 105.111L276.413 106L275.443 106L275.443 107L277.413 107L277.413 105.111Z"
        ></path>
      </g>
      <g>
       <text  x="100" y="55" fill="#fff" font-size="24">{{ title }}</text>
      </g>
      <g>
        <text  x="100" y="85" :fill="color">{{value}}</text>
      </g>
      <path
        :stroke="color"
        stroke-width="1"
        d="M0.412598 92.9999L26.4124 55L66.4126 55"
      ></path>
    </svg>
  </div>
</template>

<script setup>
const prop = defineProps({
  color: {
    Type: String,
    default: '#fff'
  },
  title: {
    Type: String,
    default: ''
  },
  value: {
    Type: String,
    default: ''
  }
})
</script>

<style lang="scss" scoped>
</style>